<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>餐厨管理</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" media="all"
	th:href="@{/plugins/bootstrap/bootstrap.min.css}" />

<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />

<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
	<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
<style type="text/css">
th {
	border-bottom: 1px solid #d6d6d6;
}
  
tr {
	border-bottom: 1px solid lightgray;
}

td {
	border-bottom: 1px solid lightgray;
}
</style>

</head>
<body>
	<div data-role="page" id="pageone">

		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<a id="goHome" href="/dcms/ui/bussinessmain?device=mobile"
				data-ajax='false'
				class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-left">主页</a>
			<h1>餐厨管理</h1>
			<a href='javascript:location.reload();'
				class="ui-btn ui-btn-a ui-icon-refresh ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">refeash</a>
		</div>
		<input type="hidden" id="identify" th:value="${bussinessId}" />
		<div data-role="main" class="ui-content">
			<div data-role="collapsibleset">
				<div data-role="collapsible" data-collapsed="false">
					<h3>收集数据填报</h3>
					<p>
					<form method="post" id="saveKitchenWasteForm">
			<table data-role="table" data-mode="columntoggle:none" class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e" data-column-popup-theme="c" id="myTable">
			    <thead  class="pearlHeading">
			      <tr>
			      	<th width="30%"></th>
			        <th height="50%"></th>
			      </tr>
			    </thead>
				<tbody>
					<tr>
						<td style="text-align:center;vertical-align:middle;">废弃物</td>
						<td><input data-clear-btn="true" type="number" name="waste" id="waste"/></td>
					</tr>
					<tr>
						<td style="text-align:center;vertical-align:middle;">废弃油</td>
						<td><input data-clear-btn="true" type="number" name="wasteOil" id="wasteOil"/></td>
					</tr>
					<tr>
						<td style="text-align:center;vertical-align:middle;">备注</td>
						<td><textarea data-clear-btn="true" type="text" name="remark" id="remark" placeholder="请填写备注情况"></textarea></td>
					</tr>
					<tr>
				        <td>现场拍照</td>
						<td><input type="file" id="file_upload" name="file" style="display: none;"/>
						<a href="javascript: ;" id="fileclick"><img src="/dcms/img/upload.png" id="avatart" style="width:30%"/></a>
			          	</td>
        			</tr>
				</tbody>
			</table>
			<input id="saveBtn" type="submit" data-inline="false" value="提交" class="display:block"/>
			</form>
			</p>
				</div>
				<div data-role="collapsible">
					<h3>收集历史</h3>
					<ul data-role="listview" id="kitchenWasteHistoryInfo">
					</ul>
				</div>
			</div>

		</div>
		
		<!-- 厨房废弃物面板 -->
		<div data-role="panel" id="detailKitchenWastePanel">
			<h3>详细信息</h3>
			<p>
			<form method="post" id="updateKitchenWasteForm">
			<input type="hidden" name="kitchenWasteId" id="kitchenWasteId"/>
			<table data-role="table" data-mode="columntoggle:none" class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e" data-column-popup-theme="c" id="updateTable">
			    <thead  class="pearlHeading">
			      <tr>
			      	<th width="30%"></th>
			        <th height="50%"></th>
			      </tr>
			    </thead>
				<tbody>
					<tr>
						<td style="text-align:center;vertical-align:middle;">废弃物</td>
						<td><input data-clear-btn="true" type="number" name="waste" id="updatewaste"/></td>
					</tr>
					<tr>
						<td style="text-align:center;vertical-align:middle;">废弃油</td>
						<td><input data-clear-btn="true" type="number" name="wasteOil" id="updatewasteOil"/></td>
					</tr>
					<tr>
						<td style="text-align:center;vertical-align:middle;">备注</td>
						<td><textarea data-clear-btn="true" type="text" name="remark" id="updateremark" placeholder="请填写备注情况"></textarea></td>
					</tr>
					<tr>
				        <td>现场拍照</td>
						<td><input type="file" id="update_file_upload" name="file" style="display: none;"/>
						<a href="javascript: ;" id="updatefileclick"><img src="/dcms/img/upload.png" id="updateavatart" style="width:30%"/></a>
			          	</td>
        			</tr>
				</tbody>
			</table>
			<input id="updateBtn" type="submit" data-inline="false" value="修改" class="display:block"/>
			</form>

			</p>
		</div>

		<div data-role="popup" id="popupView" data-position-to="window"
			class="ui-content" data-theme="a" data-overlay-theme="a"
			data-dismissible="false">
			<div data-role="content">
				<img th:src="@{/img/loading.gif}" />
			</div>
		</div>
	</div>
	<script th:src="@{/mobile/kitchenwaste/indexOnPhone.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>